<template>
  <van-swipe :autoplay="2000" lazy-render touchable>
    <van-swipe-item v-for="image in images" :key="image">
      <img :src="image" class="myimg"/>
    </van-swipe-item>
  </van-swipe>
</template>

<script>
export default{

}
</script>

<script setup>
var images=[
    "https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg",
    "https://ts1.cn.mm.bing.net/th/id/R-C.e0d959adb3e7bbbf0ad2d98154cb1500?rik=ynumnGfAU38r9Q&riu=http%3a%2f%2fwww.goupuzi.com%2fnewatt%2fMon_1905%2f1_181881_486b0dcc54c58b6.jpg&ehk=BVqnOaz6VvKhkvHbzCPl3IybuX4ezJoSlqOiBLuoklk%3d&risl=&pid=ImgRaw&r=0",
    "https://www.petking.cn/upload/dogimg/184322931.jpg",
    "https://aibing.cc/wp-content/uploads/2019/04/1556318254.png",
    "https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
]
</script>

<style lang="scss" scoped>
.myimg{
    width: 100%;
    height: 211px;
}
</style>